<!DOCTYPE html>
<html>
<head>
<title>转码任务</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="./css/common/common.css" />
<link rel="stylesheet" href="./css/transcode/transcode.css" />
</head>
<body>
<div class="side-bar">
	<div><a href="./upload.html">文件上传</a></div>
	<div><a href="./template.html">转码模板</a></div>
	<div><a href="./transcode.html">转码任务</a></div>
</div>
<div class="content-space">
	<div>
		<button class="demo-btn primary create-btn" onclick="createTask();">创建转码任务</button>
		<button class="demo-btn primary create-btn" onclick="search();">刷新任务列表</button>
	</div>
	<div class="transcode-table">
		<table>
			<thead>
				<tr>
					<th>任务ID</th>
					<th>视频ID</th>
					<th>转码模板ID</th>
					<th>水印模板ID</th>
					<th>回调地址</th>
					<th>状态</th>
					<th>创建时间</th>
				</tr>
			</thead>
			<tbody id="transcode-list">
			</tbody>
		</table>
	</div>
	<div class="transcode-page">
		<div class="page-control">
			<span style="font-size: 14px;" id="page-index">第1/1页</span>
			<button class="demo-btn default" onclick="prePage();">上一页</button>
			<button class="demo-btn default" onclick="nextPage();">下一页</button>
		</div>
	</div>
	<div class="transcode-modal" style="display:none;">
		<div class="modal-title"><span>新建转码模板</span></div>
		<div class="modal-body">
			<div>
				<span>视频ID：</span>
				<input type="text" id="create-videoId"/>
			</div>
			<div>
				<span>转码模板ID：</span>
				<input type="text" id="create-transcodeTemplateId"/>
			</div>
			<div>
				<span>使用默认转码模板：</span>
				<select id="create-transcodeTemplateFlag">
					<option value="true">是</option>
					<option value="false">否</option>
				</select>
			</div>
			<div>
				<span>水印模板ID：</span>
				<input type="text" id="create-watermarkTemplateId"/>
			</div>
			<div>
				<span>使用默认水印模板：</span>
				<select id="create-watermarkTemplateFlag">
					<option value="true">是</option>
					<option value="false">否</option>
				</select>
			</div>
			<div>
				<span>回调地址：</span>
				<input type="text" id="create-callback"/>
			</div>
		</div>
		<div class="modal-foot">
			<div class="modal-btn">
			<button class="demo-btn default" onclick="cancel();">取消</button>
			<button class="demo-btn primary" onclick="confirm();">确定</button>
			</div>
		</div>
	</div>
</div>
</body>
<script src="./js/ajax/ajax.js"></script>
<script src="./js/transcode/transcode.js"></script>
<script>
	document.addEventListener("DOMContentLoaded", search, false);
</script>
</html>